	<template>
	<div class="sale_nav">
		<el-aside class="aside">
            <el-menu
				default-active="2"
				class="el-menu-vertical-demo"
				@open="handleOpen"
				@close="handleClose"
				background-color="#FFFFFF"
				text-color="#333333"
				:router="true"
				active-text-color="#000000">			
				<el-menu-item index="/part">
				    <i class="el-icon-picture-outline"></i>
				    <span slot="title">PartList</span> 
				</el-menu-item>
				
				<el-menu-item index="/brand">
				    <i class="el-icon-picture-outline"></i>
				    <span slot="title">BrandList</span> 
				</el-menu-item>
			
            </el-menu>
        </el-menu>
        </el-aside>
        <el-main>
        	<router-view class="con"></router-view>
        </el-main>
	</div>
</template>

<script type="text/javascript">
	export default {
		data(){
			return {
				auth:{alc:{}}
			}
		},
		created(){
			/*this.auth = JSON.parse(this.user); */
		},
		methods:{
			handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
		}
	}
</script>


<style type="text/css" lang="scss">
	.sale_nav{
		.el-aside{
			width: 15% !important;
			float: left;
			.el-menu-vertical-demo{
				height: calc(100vh - 70px);
			}
		}
		.el-main{
			float: left;
			margin-left: 10px;
			margin-top: 10px;
			width: 500px;
			background-color: #ffffff;
		}
	}
	
</style>